<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=g0EGHiZVlG52nvXSmZsozaQVERtS9dPh"></script>
<div id="l-map"></div>
<div id="searchResultPanel" style="border:1px solid #C0C0C0;width:150px;height:auto; display:none;"></div>
<div class="fui-page  fui-page-current page-goods-list">
<div class="fui-header">
		<div class="fui-header-left" ng-click="access_json('select_area')">
			<span ng-show="pagedata.pcd.district" style="font-size:0.65rem">{{pagedata.pcd.district}}</span>
			<span ng-show="!pagedata.pcd.district" style="font-size:0.65rem">{{pagedata.pcd.city || '广州市'}}</span>
			<i class="icon jinyunicon icon-moreunfold"></i>
		</div>
		<div class="title">
			<form method="post">
					<div class="searchbar searchbar-active" style="margin-left:3.2rem">
					<div class="search-input">
						<input type="search" id="search" placeholder="你要去哪儿..." value="">
					</div>
					
					</div>
			</form>
		</div>
		<div class="fui-header-right" ng-click="goback()">取消</div>
</div>
<div class="fui-content" style="top:2.3rem">
		<div class="weui_cells" style="margin:2%">
			<div class="weui_cell" id="r-result" ng-repeat="item in pagedata.history">
				<div class="weui_cell_hd icon jinyunicon icon-ditu"></div>
				<div class="weui_cell_bd weui_cell_primary"  ng-click="access_json('jy_taxi/index/main/address='+item.address)">
					<span style="float:left;width:100%;">{{item.address}}</span>
					<span style="float:left;font-size:0.55rem;color:#646464">{{item.pcd}}</span>
				</div>
			</div>
		</div>
		
</div>
</div>
<script type="text/javascript">
window.scope.location(function(res){
if(!scope.pagedata.pcd.city){
	scope.$apply(function(){
		scope.pagedata.pcd.province = res.addressComponents.province;
		scope.pagedata.pcd.city = res.addressComponents.city;
	});
}
});
</script>
<script type="text/javascript">
	// 百度地图API功能
	function G(id) {
		return document.getElementById(id);
	}
require(['map'], function(BMap){
	var map = new BMap.Map("l-map");
	map.centerAndZoom("北京",12);                   // 初始化地图,设置城市和地图级别。

	var ac = new BMap.Autocomplete(    //建立一个自动完成的对象
		{"input" : "search"
		,"location" : map
	});

	ac.addEventListener("onhighlight", function(e) {  //鼠标放在下拉列表上的事件
	var str = "";
		var _value = e.fromitem.value;
		var value = "";
		if (e.fromitem.index > -1) {
			value = _value.province +  _value.city +  _value.district +  _value.street +  _value.business;
		}    
		str = "FromItem<br />index = " + e.fromitem.index + "<br />value = " + value;
		
		value = "";
		if (e.toitem.index > -1) {
			_value = e.toitem.value;
			value = _value.province +  _value.city +  _value.district +  _value.street +  _value.business;
		}    
		str += "<br />ToItem<br />index = " + e.toitem.index + "<br />value = " + value;
		G("searchResultPanel").innerHTML = str;
	});

	var myValue;
	ac.addEventListener("onconfirm", function(e) {    //鼠标点击下拉列表后的事件
	var _value = e.item.value;
		myValue = _value.province +  _value.city +  _value.district +  _value.street +  _value.business;
		G("searchResultPanel").innerHTML ="onconfirm<br />index = " + e.item.index + "<br />myValue = " + myValue;
		
		setPlace();
	});

	function setPlace(){
		map.clearOverlays();    //清除地图上所有覆盖物
		function myFun(){
			var pp = local.getResults().getPoi(0).point;			//获取第一个智能搜索的结果
			map.centerAndZoom(pp, 18);
			//map.addOverlay(new BMap.Marker(pp));    //添加标注
			var params = {
					'plugin':'jy_taxi',
					'action':'select_address',
					'op':'history',
					'data':{'address' : myValue,
					'pcd':local.getResults().getPoi(0).address,},
					'callback':function(data){
							
							if(data == 'success'){
									
							}
					}
		}
		scope.post_json(params);
		scope.access_json('jy_taxi/index/main/address='+myValue);
		}
		var local = new BMap.LocalSearch(map, { //智能搜索
		  onSearchComplete: myFun
		});
		
		
		local.search(myValue);
	}
	});
</script>